/**
 *
 * @Description TODO
 * @Author liuer
 * @CreateTime 2024年04月07日 16:42
 */
import 'dart:convert';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_echarts/flutter_echarts.dart';
import 'package:get/get.dart';
import 'package:get/get_navigation/src/extension_navigation.dart';
import 'package:yt_devops/components/log_utils.dart';
import 'package:yt_devops/pages/devices/device_tab/device_detail/new_air_cooling_page/temperature_full_chart/component/full_screen_back.dart';
import 'package:yt_devops/resources/str_res_keys.dart';


class FullScreenEsPowerChart extends StatelessWidget {

  List<dynamic> power;//收益
  FullScreenEsPowerChart({
    super.key,
    required this.power,
  });
  @override
  Widget build(BuildContext context) {
    return  SafeArea(

        child:
        RotatedBox(
          quarterTurns: 1,
          child:Scaffold(
            backgroundColor: Colors.white,
            body: Column(
              children: [
                // Gaps.vGap10,
                FullScreenBack(() {
                  Log.d('back');
                  navigator?.pop();
                }),
                Expanded(
                    child: Container(
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 0,right: 0),
                      child: Echarts(
                        captureAllGestures: false,
                        option: '''
  {
  color: ['#3DD598', '#007DFF'],
 /// 纵轴
  yAxis: [
  
    {
      type: 'value',
     name: ${jsonEncode('${ResKey.unit.tr}(kW)')},
       alignTicks: true,
      nameTextStyle: {
        align: "center"
      },
      align: 'left',
      padding: [3, 4, 5, 6],
      verticalAlign: 'top',
      nameLocation: 'end',
      position: 'left',
      splitLine: {
        lineStyle: {
          type: 'dashed', //虚线
        },
      },
    },
    // {
    //   type: 'value',
    //   name: ${jsonEncode('${ResKey.income.tr}(${ResKey.yuan.tr})')},
    //    nameTextStyle: {
    //     align: "center"
    //   },
    //   nameLocation: 'end',
    //   splitLine: {
    //     lineStyle: {
    //       type: 'dashed', //虚线
    //     },
    //   },
    // },
  ],
     /// 横轴
  xAxis: {
    type: 'category',                
    axisLine:{
      show: false,
    }, 
    
    axisTick: {
      show: false
    }, 
    axisLabel: {
      color: '#999999',
      fontSize: 11,
      // interval: function (index) { // 自定义间隔函数 
      //     if (index % 4 === 0) { // 每四小时显示一次  // 返回值是五分钟为一个间隔
      //         return true;
      //     } else {
      //         return false;
      //     }
      // },
    },
  },
  dataZoom: [
    {
      type: 'inside',
      realtime: false,
    },
    {
      start: 0,
       bottom: 40,
      end: 0,
      height: 10,
      realtime: false,
    },
  ],
  /// 坐标轴
  grid: {
    top: 30,
    bottom: 75,
    containLabel: true,
    right: 20,
    left:0,
  },
  legend: {
    show: true,
    icon: 'rect',
    itemHeight: 3,
    itemWidth: 12,
        bottom: 10,
    // right: 20,
    // left:30,
  },
  
  ///提示框
  tooltip: {
    trigger: 'axis',
    backgroundColor: 'rgba(0,0,0,0.85)',
    borderWidth: 0,
    opacity: 0.2,
    confine: true,
    padding: [
      10, // 上
      8, // 右
      10, // 下
      8 // 左
    ],
    textStyle: {
      color: 'white'
    },
        axisPointer: {
      /// 坐标轴指示器配置项
      lineStyle: {
        color: 'rgba(0,0,0,0.09)',
        position: function (pt) {
          return [pt[0], 500];
        }
      }
    },
  },
    /// 图表数据
   series: [
     {
      name: ${jsonEncode(ResKey.totalPowerEss.tr)},
      color: '#0984F9',
      type: 'line',
      yAxisIndex: 0,
      symbol: 'none', // 这里隐藏了折线图中的圆点
      data: ${jsonEncode(power)},
    },
  ],
}
  ''',
                      ),
                    ))
              ],
            ),
          ),
        ));
  }


}
